<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Pragma" contect="no-cache">
    <script src="../../scripts/boot.js" type="text/javascript"></script>
</head>
<body>
    <h1>FormLayout 表单布局</h1>
    <h4>单列多行</h4>
    <table border="0" cellpadding="1" cellspacing="2">
        <tr>
            <td style="width: 60px;">姓名：</td>
            <td style="width: 100px">
                <input name="name" class="mini-textbox"/>
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input name="pwd" class="mini-password"/>
            </td>
        </tr>
        <tr>
            <td>生日：</td>
            <td>
                <input name="birthday" class="mini-datepicker"/>
            </td>
        </tr>
    </table>
    <h4>多列多行</h4>
    <table border="0" cellpadding="1" cellspacing="2" style="width: 100%;table-layout: fixed;">
        <tr>
            <td style="width: 60px;">姓名：</td>
            <td style="width: 50%;">
                <input name="name" class="mini-textbox" style="width: 100% ;"/>
            </td>
            <td style="width: 60px;">地址：</td>
            <td style="width: 50%;">
                <input name="addr" class="mini-textbox" style="width: 100% ;"/>
            </td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <input name="gender" class="mini-radiobuttonlist" data="[{id:1, text:'男'},{id:2, text:'女'}]"/>
            </td>
            <td>年龄：</td>
            <td>
                <input name="age" class="mini-spinner" style="width: 100% ;"/>
            </td>
        </tr>
        <tr>
            <td>备注：</td>
            <td colspan="3">
                <input name="remarks" class="mini-textarea" style="width: 100%;height: 60px;"/>
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        // mini.parse();
    </script>

</body>
</html>